Q2a: 


Web design using HTML - Mistenn Test 

A. ITCS473 

B. HTML 


Username AminaDarwish 
Password 


* Remember Me 


Login 
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3<html> 

3<kody> 

<form method="post" action="login.php"> 

<table> 

<captior.>Web design using HTML - Mistenn Test</caption> 

<tr> 

<td> 

<ol type="A"> 

<li>ITCS473</li> 

<li>HTML</li> 

</ol> 

</td> 

<td rowspan="3"xiing src=" secure . jpg" width="110" height="110" alt="not found"X/td> 
</tr> 

<tr> 

<td> 

Username <input type="text" name="un" 3ize="20" maxlength="20"Xbr /> 

Password <input type="password" r.ame="pass" 3ize="8" maxlength="8"> 

I </td> 

</tr> 

<tr > 

<td valign="top" align=" center" > 

<input type=" checkbox" name=" remember" checlced>Remember Me<br> 

<input type="submit" name="s" value=" Login"> 

</td> 

</tr> 

</table> 

</form> 

-</body> 

-</html> 



Q2b,2c: 


Tins Paragraph Is Capitalized 

Tliis Header3 Is Capitalized 

This Header? Is Capitalized 



Hq2c.html i3@q2b.css E3 
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p , h3 , h5 


2 ^ 

3{ 


3 

4 

test- transform : capi tali ze / 

!> 

5 

a : vi s i ted {color: green } 

6 

7 

a: link{color 
p#web 

: p l nk } 

3 F 

3{ 


9 

font-fami ly : Ar i al ; 

10 

f on t-s i ze : 1 8p t ; 

11 

12 

background- colo r : red ; 


I q2ic.htmi S" [ 
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<link: r el— "stylesheet" type=" text/css" href="q2b. css"> 

-</head> 

:0<body> 

<p>this paragraph is capi tali zed</p> 

<h3>this headers is cap! tali zed</h3> 

<h5>this headers is capi tali zed</h5> 

<p i d= " web "> This paragraph have red background and Arial font size 18pt</p> 

-</body> 

-</ht.n-.l> 


G 0 localhost/s2/9%2( 


Q.3-1: 


Lj 9 mid imgsrepeat.php Q 
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(3<?php 

$photos=array ("l.jpg","2.jpg", n 3.jpg n ,"4.jPcr n f n 50P<? n f"6.jpg"); 
for ($i=0; $i<count ($photos) ; $i++) 

i t 

$j=$i+l; 

$size=25*$ j ; 

echo "<img src= ' imgs/$photos [$i ] 1 width= ' $size ' height= ' $size ' > $size * $size<br/ >"; 


L ?> 



50 * 50 


75 * 75 



100 * 100 


Question 3 : 

Using PHP scrip 


m 


vK 


1. 



^ src - 

r,f images filenames. Di splay all 


vert i rally first ||||i|| l |||IIH II 

sizejdpx. sec ond image 50px , t hird 75p x, etc. [4 Marks) 

\ ^ r/\ : 



125 * 125 



150 * 150 



Q3-2: 


2 . 


APrassaiaaihie .array is stm-oH 
repres~~"‘ ^ 1 


■1IUL 


below: 


.area nam e and its as sociative value contain a numeric 

aj-ea D isplay area name, nOjjjf 
£^£iage_] iouse price for each hoysf ; i n HTMI t a ble as s how n 


(Area 

No. of Houses 

Average House Price 

^£ast Rif!^ 

*123 

189000.55 

• • • 

• • « 

... 




0 I o ca I h o st/s 2/9%20 m id %2 0 h c 


Area 

No. of Houses 

Average House Piice 

East Rif fa 

3 

2.3333333333333 

Manamah 

7 

350000 

Jidhafs 

3 

600000 

Aali 

1 

7 0 0 0 0 0 



3 mid houses session. 
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n<?php 

//this is just to create the session, to answer the 
//assume the session created from other page 
s e s s i o n_s tart ( j ; 

$hous e s = array 

( 

"East Rif fa" => array (1,2 , 4) , 

1 1 Manamah ri => array (300 0 00,4 0 0 0 0 0 ) , 

"Jidhafs" => array (500000,600000,700000) , 
"Aali" => array (700000) 


question. 


it should not he here 
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) ; 

$_SESSION [ ' houses ' ] =$houses ; 

// — answer for question 3-2 — — — 

if (l isset ($_SESSION[ 'houses' ] ) ) 

■die ("no session 11 ); 

$arr=$_5E55ICN [ 'houses ' ] ; 

echo 11 < table fcorder= ' 1 ' > 

<tr><th>Area</ th><th>No . of House s</th><th> Aver age House 

: : PT ■ 

fore ach ( $ a r r as $ke y - =>$ ■ va 1 ) 

{ 

$ c ount = count ($val) ; 

$sum-0; 

for ($1=0; $ i < $■ c ount ; $i — ) 

$sim4=$val [$i] ; 

$ avg = $ sum/ $ c ount ; 

e cho 1 1 < t r x t d> $key< / 1 d>< t d>$ c omit < / 1 d>< t d> $ avg< / 1 d>< / 1 r > n ; 

I 3- 

echo "</table> n ; 


F r i c e < / 1 h > < / 1 r > 





Q3-3: 



3. Assume you have the following HTML form: 



<form method-' POST" action-' apple.php"> 

' <input type-'checkbox" jiame="PRICE[ )" value="2.5#SPANISH” l> Spanish 
Apple<br /> 

<input type="checkbox" name="PRICE[ ]" value="1.9#SWEDEN" /> Sweden 
Apple<br/> 

<input ivpe-'submit" name="BT" value- 'JAneLmd-Sam Cheapest-Selected Annie" 

/> 

<input type- 'submit" name="BT" valuc“"Dhjplay Saved Cheapest" /> 

</form> 






’ The above form has unknown nu hr> 

particular a^lej^c and ori pJ "” fjf^/h^kboxe-;. Had, 

, J > 11 ^Wter. A user can 

■ — iuLxHv QJ Uie lollowing \)\iU<)j,: 

and its ori^n^^! ]! a A|) P |c Button: ifcpla y . the ebatpeMpritr 

^ThSSS' ^^^apc:A i„ . , kk m , 

— ■ -H-tHUfcic_Vdlueiormatis (Pkili h/ZCOIINI P v, 

B retrieve (he value stored in the eookie and 

p ri£ £-aSi-Qmml!XJia^. Appropriate error mernap* riinnld be 

display if the cookie is no lonper 1 f 


G D localhost/s2/10%2Qmid%20apples.php 


Spanish Apple 
+ Sweden Apple 
B ahraini Apple 


Find a nd S ave C h ea pst S 9 1 9 cte d Ap pie Disp I ay Saved Cheap est 


G I 0 local host/s2/10%20apple.php 



G D Iocalhost/s2/10%20af 



G D local host/s2/10%20apple. ph p 


cookie: The cheapest is Sweden with price = 1.9 


10 mid apples.php E3 
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<tody> 

<fom method=" POST " action="10 apple .ptip"> 
< input t 


< Input 
< Input 
< Input 
</f orir> 
</fcody> 
</htnel> 


ype= 

ype= 

ype= 

ype= 

ype= 


checkbox' 
checkbox' 
checkbox' 
submit" 
submi t " 


name= n price []" value= vl 2 . 5# Spanish 11 /> Spanish Apple <br/> 
naiKie= "price []" value="l . 9#sweden" /> Sweden Apple <ti/> 
name= "price [] 11 value= n 5 . 3#bahraini 11 /> Bahraini Apple <br/> 


r.ame="BT' 

r.ane="BT l 


value="Find and Save Cheapst Selected Apple" /> 
value= "Display Saved Cheapest" /> 


j 10 apple. php □ 
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n<?php 

if ( ! isset ($_POST [ ’price' ] ) ) 

0 { 

die ("You didnt choose any thing!"); 

> 

else 

0 < 

extract ($_POST) ; 

if ($BT="Find and Save Cheapst Selected Apple") 

£ < 

//display the cheapest and origin - the list of chosen is in $price 
//$price [1] =2 . 5#spanish if the first one chosen 
$countchoices= count ($price) ; 

$min=1000; 

$minorg=""; 

for ($i=0; $i<$countchoice3; $i++) 


0 


0 


0 


$priceorg=explode ( ' # ' , $price [$i] ) ; 
if ($priceorg [0] <$min) 

{ 

$min=$priceorg [0] ; 

$minorg=$priceorg [1] ; 

> 

echo "The cheapest is ".$minorg." with price = ".$min; 

//then save the cheapest in a cookie, value format price#country 
$cheapest=$min. "#" . Sminorg; 

setcookie ( "cheapst" , $ cheapest , time ( ) +3*24*60*60) ; 

} 

else if ($BT=="Display Saved Cheapest") 

j { 

if ( ! isset ($_COOKIE[ ’cheapst ' ] ) ) 
die ("you dont have cookie"); 

$priceorg=explode ( ’ # ' , $_COOKIE [ ’ cheapst ' ] ) ; 

echo "cookie: The cheapest is " . $priceorg [1] . " with price = " . $priceorg [0] ; 

> 


?> 





Question One: Multiple Choice Questions 

1 . A URL stands for: 

a. Universal Repository Locator 
(K) Uniform Resource Locator 

c. Unified Resource Language 

d. None of the above 


[15 Marks) 


o 


HTML language is considered: 

a. Web Programming Language 
Q) Text Presentation Language 
Data Modeling Language 
None of the above 


c. 











3. The <canvas> clement in HTML5 is used to: 

a. define scalable graphics in XML format 

b. create drag-able elements 

(E^draw graphics on the fly using JavaScript 
y d. Both (a) and (c) 

4. In HTML 5, which of the following is used to provide auto complete feature 
-using predefined list of values for input element? 

(a^> datalist element 

b. autocomplete attribute 

c. web storage 

d. application cache 


The style sheet that enahle s_ you to c 
pages in m imWeh ^lonce is called- 






f . External Style Sheet 
Internal Style Sheet 

c. Inline Style Sheet 

d. All of the above 


( 6. The CSS3 @keyirames is used for: 

a* Creating 3D transformation 

Qy Creating animation sequence by changing the styles 

c. Both (a) and (b) 

d. None of the above 

7. JnXSS3 sj2^lJie_e!ement SQJegrasjtro^ and 10 degrees 

around the Y-axis, you shoul d ns e: — uegees 

transform: skew(50deg,10deg); 

b. transform: rotateXY(50deg,10deg); 

c. transform: scale(50deg,10deg); 

d. both (a) and (b) 
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e; 


ei 




8 . 


9 . 


a. 1 Java SenS ** “ SerVer Side Scri P ,s exce P t: 

b. Ruby on Rails 

c. Cold Fusion MX 

Pascal 

Which of the following is Valid? 

K DU P n|ns 011 Wind 5 ws .- Linux and MAC 
b. PHP is compatible with IIS and Apache Web Servers 
* 'P ' s Open Source technology 
(dy All of the above 

0. The In ternet - network i s c o ntrol l ed. and operated under the following protocol: 

a. WAN 

b. Internetworks 
<S£> TCP/IP 

d. HTTP 

11 . A user can't locate WebPagcs URLs without the use of: 

QkJ DNS servers 

b. MIME 

c. HTTP 

d. All of the above 




1 2. A browser uses 
<a) HTTP 

b. FTP 

c. SNMP 

d. NFS 


to download WebPages contents. 



1 -T fiTML filsi formattec 
document. 

a. Active 

b. Dynamic 

c. Interactive 
(of) Static 


1 4 - JjTTP PQSTj nethod send data to thg 
in: 


a. Address field 
dD Request content 

c. Host field 

d. User-Agent field 


js an_example of 



web 


sejrer as . parfof HTT P requ est header 

\\v<? o-d 

oJf \\V\9 

'C-e'V V 



15 ^^S^^^^ d d e e r s : 

b. 401 
403 

L/ u. 206 


resent th e 


A 




